﻿/*
 * Script: "mapa_consulta_datos_inf.js"
 * Copyright 2011 SISVOX.
 *
 * Licenciado bajo SISVOX, Version 1.0 (la "Licencia");
 * El codigo presente que compone este Software es propiedad unica y
 * exclusivamente de SISVOX, por lo tanto, usted no podrá utilizar este
 * archivo excepto en cumplimiento de la Licencia ofrecida por SISVOX.
 * Usted puede obtener una copia de la Licencia en:
 *
 *      Soluciones Integrales de Software Vox (SISVOX)
 *                 http://www.sisvox.com
 *
 *     - Carlos Calvo      <ccalvo@sisvox.com>
 *     - Andres Hernandez  <ahernandez@sisvox.com>
 *
 * A menos que sea requerido por la ley aplicable o se acuerde por escrito,
 * el software distribuido bajo la licencia se distribuye "TAL CUAL", CON
 * LAS GARANTIAS Y CONDICIONES expresadas en la "Licencia".
 */


// =================================================================================================================
// ========================================= MAPA DE CONSULTA DE INFRACCIÓN ========================================
// =================================================================================================================

function mapa_consultar_datos_inf() {					
	
	var coord_x_centro 	= document.getElementById("h_coord_x_centro").value;
	var coord_y_centro 	= document.getElementById("h_coord_y_centro").value;
	var zoom_centro 	= 12;//document.getElementById("h_zoom_centro").value;
	
	// Creamos el Mapa
	var centerPoint = new google.maps.LatLng( parseFloat(coord_x_centro).toFixed(8), parseFloat(coord_y_centro).toFixed(8) );
	var myOptions = {
		zoom: parseInt(zoom_centro),
		zoomControlOptions: {
      		style: google.maps.ZoomControlStyle.LARGE
    	},
		center: centerPoint,
		panControl: true,
		mapTypeControl: false,
		scaleControl: true,
		streetViewControl: false,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	} 
	var map = new google.maps.Map(document.getElementById("map"), myOptions);
	
	
	var icono_marker = "../../publico/imagenes/infraccion/peq/infraccion.gif";
	var image = new google.maps.MarkerImage( icono_marker,
		new google.maps.Size( 25, 25 ),
		new google.maps.Point( 0, 0 ),
		new google.maps.Point( parseInt(12.5), parseInt(12.5) ));
	
	// Inicializamos y Seteamos las Variables del Marcador
	var point 				= new google.maps.LatLng( parseFloat(coord_x_centro).toFixed(8), parseFloat(coord_y_centro).toFixed(8) );
	
	var id_infraccion		= document.getElementById("h_id_infraccion").value;
	var nro_boleta			= document.getElementById("h_nro_boleta").value;
	var nombre_motivo		= document.getElementById("h_nombre_motivo").value;
	var fecha				= document.getElementById("h_fecha").value;
	var hora				= document.getElementById("h_hora").value;
	var nombre_condicion	= document.getElementById("h_nombre_condicion").value;
	var id_status 			= document.getElementById("h_id_status").value;
	
	var nombre_parroquia	= document.getElementById("h_nombre_parroquia").value;
	var nombre_sector 		= document.getElementById("h_nombre_sector").value;
	var referencia 			= document.getElementById("h_referencia").value;
	
	// Llenamos la Informacion del InfoWindow
	html_tab1 	= document.getElementById('infowindow_div_infraccion').innerHTML;
	html_tab2 	= document.getElementById('infowindow_div_ubicacion').innerHTML;
	
	// Si el Tab es Infracción
	html_tab1	= html_tab1.replace("%%element.id_infraccion%%",		id_infraccion);
	if ( nro_boleta != "" ) {
		html_tab1 = html_tab1.replace("%%element.nro_boleta%%",				nro_boleta);
	} else {
		html_tab1 = html_tab1.replace('<tr><td class="titulo_info_tab">Nro. de Boleta:</td><td>%%element.nro_boleta%%</td></tr>',		"");
	}
	html_tab1 	= html_tab1.replace("%%element.nombre_motivo%%",		nombre_motivo);
	html_tab1 	= html_tab1.replace("%%element.fecha%%",				fecha);
	html_tab1 	= html_tab1.replace("%%element.hora%%",					hora);
	html_tab1 	= html_tab1.replace("%%element.nombre_condicion%%",		nombre_condicion);
	html_tab1 	= html_tab1.replace("%%element.id_status%%",			id_status);
	
	// Si el Tab es Ubicacion
	html_tab2 	= html_tab2.replace("%%element.id_infraccion%%",		id_infraccion);
	if ( nombre_parroquia != "" ) {
		html_tab2 = html_tab2.replace("%%element.nombre_parroquia%%",	nombre_parroquia);
	} else {
		html_tab2 = html_tab2.replace('<tr><td class="titulo_info_tab">Parroquia:</td><td>%%element.nombre_parroquia%%</td></tr>',		"");
	}
	if ( nombre_sector != "" ) {
		html_tab2 = html_tab2.replace("%%element.nombre_sector%%",		nombre_sector);
	} else {
		html_tab2 = html_tab2.replace('<tr><td class="titulo_info_tab">Sector:</td><td>%%element.nombre_sector%%</td></tr>',			"");	
	}
	if ( referencia != "" ) {
		html_tab2 = html_tab2.replace("%%element.referencia%%",		referencia);
	} else {
		html_tab2 = html_tab2.replace('<tr><td colspan="2" class="titulo_info_tab">Referencia:</td></tr><tr><td colspan="2" class="text_justify">%%element.referencia%%</td></tr>',			"");	
	}
	
	// Creamos el Marcador
	var marker = new google.maps.Marker({
		position: point, 
		map: map, 
		title: "ID Infracción: " + id_infraccion, 
		icon: image
	});
	
	// Configuramos el infoBubble
	infoBubble = new InfoBubble({
		maxWidth: 300,
		minWidth: 300,
		maxHeight: 200,
		minHeight: 200,
		map: map,
		shadowStyle: 1,
		padding: 5,
		backgroundColor: '#FFFFFF',
		borderRadius: 15,
		arrowSize: 20,
		borderWidth: 2,
		borderColor: color_menu,
		disableAutoPan: false,
		hideCloseButton: false,
		arrowPosition: 50,
		arrowStyle: 0
	});
	
	// Agregamos los Tabs al InfoWindow
	infoBubble.addTab('Infracción', html_tab1);
	infoBubble.addTab('Ubicación', 	html_tab2);
	
	// Creamos el Evento
	google.maps.event.addListener(marker, 'click', function() {
		if (!infoBubble.isOpen()) {
			infoBubble.open(map, marker);
		}
	});
}